<template>
    <!-- 导航栏 -->
    <nav-header></nav-header>
    <!-- 路由视图 -->
    <div class="main">
        <router-view></router-view>
        <Footer></Footer>
    </div>
    <!-- Fork遮罩 -->
    <a class="fork"
       href='https://gitee.com/evalor/TetrsReview' target="_blank">
        <img src='https://gitee.com/evalor/TetrsReview/widgets/widget_1.svg?color=0c7ecf' alt='Fork me on Gitee'></img>
    </a>
</template>

<script setup>

import NavHeader from "./components/NavHeader.vue";
import Footer from "@/components/Footer.vue";

</script>

<style lang="scss" scoped>

// Gitee fork
.fork {
    top: 0;
    right: 0;
    position: absolute;
}

.main {
    width: 90vw;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

</style>
